export const customization: Customization = {
  header: {
    position: "left",
    detailsArrangement: "wrap",
    detailsDisplayLeftRight: "icon",
    showLabel: true,
    photoObj: {
      photo: "",
      shape: "portrait",
      showPhoto: true,
    },
    showPosition: true,
    showDetailsPosition: true,
  },
  title: {
    style: "simple",
    showIcon: true,
    titleBkg: "",
    showTitleStyle: true,
    showTitleBkg: true,
  },
  layout: {
    colsFromDetails: {
      top: "one",
      left: "two",
      right: "two",
    },
    detailsPosition: "top",
    colWidthsFromDetails: {
      left: { leftWidth: 40, rightWidth: 60 },
      right: { leftWidth: 60, rightWidth: 40 },
      top: { leftWidth: 50, rightWidth: 50 },
    },
    selected: "one",
  },
  sectionOrder: {
    one: {
      leftSectionChildren: [],
    },
    two: {
      leftSectionChildren: [],
      rightSectionChildren: [],
    },
  },
  spacing: {
    fontSize: 4,
    lineHeight: 3,
    marginHorizontal: 3,
    marginVertical: 8,
    spacingFactor: 1,
    header: {
      marginHorizontal: 1,
      marginVerticaltop: 2,
      marginVerticalbottom: 3,
    },
    module: { marginVertical: 1, marginHorizontal: 0 },
  },
  colors: {
    light: {
      accentColor: { r: 51, g: 51, b: 51, a: 1 },
      backgroundColor: { r: 255, g: 255, b: 255, a: 1 },
      textColor: { r: 51, g: 51, b: 51, a: 1 },
    },
    strong: {
      accentColor: { r: 51, g: 51, b: 51, a: 1 },
      backgroundColor: { r: 255, g: 255, b: 255, a: 1 },
      textColor: { r: 51, g: 51, b: 51, a: 1 },
    },
  },
  template: "tpl1",
  applyAccentColor: [],
};
export const content: ResumesContent = {};
export const personalDetails: PersonalDetails = {
  name: "",
  gender: null,
  birthDay: null,
  email: "",
  phoneNumber: "",
  workingYears: undefined,
  politicsStatus: undefined,
  maritalStatus: "",
  nationality: "",
  nativePlace: "",
  detailsOrder: ["name", "expJob", "email", "phoneNumber"],
  arrivalTime: undefined,
  expCity: "",
  expJob: "",
  expectedSalary: "",
  showAge: false,
  photoObj: {
    showPhoto: true,
  },
};
export const initialState: Resumes = {
  customization,
  content,
  personalDetails,
};

export const getInitialState: () => Resumes = () => ({
  customization,
  content,
  personalDetails,
});
